import { FC, SVGProps } from 'react'

export const SocialTwitterIcon: FC<SVGProps<SVGSVGElement>> = (props) => (
  <svg
    width="48"
    height="48"
    viewBox="0 0 48 48"
    fill="none"
    xmlns="http://www.w3.org/2000/svg"
    {...props}
  >
    <path
      d="M24 4C18.6957 4 13.6086 6.10714 9.85786 9.85786C6.10714 13.6086 4 18.6957 4 24C4 29.3043 6.10714 34.3914 9.85786 38.1421C13.6086 41.8929 18.6957 44 24 44C29.3043 44 34.3914 41.8929 38.1421 38.1421C41.8929 34.3914 44 29.3043 44 24C44 18.6957 41.8929 13.6086 38.1421 9.85786C34.3914 6.10714 29.3043 4 24 4Z"
      fill="#03A9F4"
    />
    <path
      d="M36 17.12C35.118 17.511 34.001 17.878 33 18C34.018 17.396 35.633 16.138 36 15C35.049 15.559 33.329 16.156 32.207 16.372C31.311 15.422 30.033 15 28.617 15C25.897 15 24 17.305 24 20V22C20 22 16.1 18.953 13.673 16C13.246 16.721 13.006 17.565 13.006 18.457C13.006 20.276 14.677 22.122 16 23C15.193 22.975 13.665 22.359 13 22C13 22.016 13 22.036 13 22.057C13 24.424 14.661 26.031 16.912 26.479C16.501 26.592 16 27 14.072 27C14.698 28.935 17.845 29.958 20 30C18.314 31.307 15.308 32 13 32C12.601 32 12.385 32.022 12 31.977C14.178 33.357 17.22 34 20 34C29.057 34 34 27.082 34 20.63C34 20.418 33.993 19.708 33.982 19.5C34.95 18.818 35.342 18.104 36 17.12Z"
      fill="white"
    />
  </svg>
)
